<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<link rel="stylesheet" href="/js/ztree/css/zTreeStyle/zTreeStyle.css"/>
<head th:include="layout :: htmlhead" th:with="title='区域管理'"></head>
<body class="layui-layout-body">
<div class="layui-layout layui-layout-admin">
    <!--头-->
    <div th:replace="fragments/head :: header"></div>
    <div class="layui-body" style="margin: 1%">
            <div class="layui-form-item">
			<label class="layui-form-label">区域：</label>
			<div class="layui-input-block">
				<ul id="treeDemo" class="ztree"></ul>
			</div>
		</div>
    </div>

    <!--底部-->
    <div th:replace="fragments/footer :: footer"></div>
    <script type="text/javascript" src="/js/jquery-2.1.1.min.js"></script>
		<script src="/js/ztree/jquery.ztree.all.js"></script>
		<script src="/js/biz/area/areaList.js"></script>
		<script th:inline="javascript">
        var permIdList=/*[[${perms}]]*/;
    </script>
</div>
</body>
</html>